<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>学院首页</title>
<link href="css/学院首页.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/index.js"></script>

</head>

<body>
<div class="container">

        <div class="top">
            <div class="logo"><img src="images/logo1.jpg" /></div>
            <div class="pic01"><img src="images/mid.jpg"/></div>
                   <div class="options">
                         <div id="test" class="home">
                             <span></span>
                             <a href="#">我的收藏</a>
                             <em></em>
                             <div id="list">
                                 <a href="#">收藏的图书</a>
                                 <a href="#">收藏的视频</a>
                             </div>
                         </div>
                         <div id="lx" class="fav">
                              <span></span>
                              <a href="#">联系客服</a>
                         </div>
                       
                   </div>
            
            </div>
    <div class="nav">
        <div class="nav_con">
            <ul>
                 <li class="cur"><a href="#"><span>学院首页</span></a></li>
                 <li><a href="#"><span>课程下载</span></a></li>
                 <li><a href="#"><span>教程下载</span></a></li>
                 <li><a href="#"><span>师资力量</span></a></li>
                 <li><a href="#"><span>就业信息</span></a></li>
                 <li><a href="#"><span>学员作品</span></a></li>
                 <li><a href="#"><span>校园生活</span></a></li>
                 <li><a href="#"><span>报名流程</span></a></li>
                 <li><a href="#"><span>常见问题</span></a></li>
                 <li><a href="#"><span>来校路线</span></a></li>
            
            </ul>
        </div>
    </div>
    <div class="banner">
        <div class="banner_pic" id="banner_pic">
            <div class="current"><img src="images/01.jpg" alt="" /></div>
            <div class="pic"><img src="images/02.jpg" alt="" /></div>
            <div class="pic"><img src="images/03.jpg" alt="" /></div>
            <div class="pic"><img src="images/04.jpg" alt="" /></div>
        </div>
 		<ol id="button">
 		<li class="current">1</li>
			<li class="but">2</li>
			<li class="but">3</li>
 			<li class="but">4</li>
 		</ol>

    </div>
    <div class="stage">
        <div class="stages01">通知公告</div>
        <div class="stages02">
     <marquee onMouseOut="this.start()" onMouseOver="this.stop()" width="898px" scrollamount="20">
             <ul>
                     <li><a href="#">【广州喜讯】报名网页平面UI就业班喜送基础班</a></li>
                     <li><a href="#">史上最难就业年，怎么办？到传智免费学PS吧！</a></li> 
              </ul>  
              </marquee>  
        </div>
    </div>
    <div class="content">
               <div class="line1">
                    <!--left begin -->
                    <div class="left">
                        <div class="module">
                            <div class="title">
                                <div class="title_left"></div>
                                <div class="title_right"><span></span>示范专业建设模块<em></em></div>
                                <div class="title_bottom"></div>
                            </div>
                            <div class="module_con">
                            <div class="san"></div>
                                <ul>
                                    <li><span></span><a href="#">人才培养</a></li>
                                    <li><span></span><a href="#">课程体系</a></li>
                                    <li><span></span><a href="#">教学改革</a></li>
                                    <li><span></span><a href="#">实习实训</a></li>
                                    <li><span></span><a href="#">师资队伍</a></li>
                                    <li><span></span><a href="#">校企互联</a></li>
                                    <li><span></span><a href="#">示范效应</a></li>
                                    <li><span></span><a href="#">more</a></li>
                                </ul>
                              </div>  
 


                        </div>
                        <div class="job">
                              <div class="job_title"><span></span>招聘信息</div>
                              <div class="job_con">
                                  <ul>
                                  <li><span></span><a href="#">北京石和信息科技招聘UI设计</a></li>
  	                <li><span></span><a href="#">上海微网络科技招聘前端工程师</a></li>
  	                <li><span></span><a href="#">永特互动网络公司招聘前端工程师</a></li>
  	                <li><span></span><a href="#">北京兰彩虹科技招聘UI设计实习生</a></li>
  	                <li><span></span><a href="#">上海易网络科技招聘JS前端工程师</a></li>

                                  </ul>
                                 </div>
                        </div>
                    </div>
                    <!--left end -->
				<!--center begin -->
				<div class="center">
                    <!--message-->
                    <div class="message"></div>
                    <!--message-->
                    <!--teacher-->
                    <div class="teacher"></div>
                    <!--teacher-->
 				</div>
				<!--center end -->
		        <!--right begin -->
				<div class="right">
                    <!--courses-->
                    <div class="courses"></div>
                    <!--courses-->
                    <!-- questions-->
                    <div class="questions"></div>
                    <!-- questions-->
				</div>
 				<!--right end -->

  			    
 			    <div class="line2">
                    <!--data begin -->
                    <div class="data"></div>
                    <!--data end -->
                    <!--book begin -->
                    <div class="book"></div>
                    <!--book end -->
			    </div>


    </div>
    <div class="footer"></div>
</div>    
</body>
</html>
